.myData {
  width: 100%;
  height: 100%;
  display: flex;

  .myDataLeft {
    flex: 0.7;
    border-right: 1px solid #5377b6;
  }

  .myDataRight {
    flex: 3;

    .MDRTop {
      height: 60px;
      background-color: #f0f2f5;
      line-height: 65px;

      button:first-child {
        margin-left: 10px;
      }

      button {
        line-height: 20px;
        margin-right: 10px;
        padding: 5px 9px;
        background-color: #f4faff;
        border-radius: 5px;
        border: 1px solid #d4d4d4;
      }

      button:hover {
        background-image: linear-gradient(#b2ddff, #7bbdff, #b2ddff) !important;
        cursor: pointer;
      }

      .MRTSearch {
        display: inline-block;

        input {
          height: 30px;
          outline: none;
          border: none;
          border: 1px solid #d4d4d4;
          padding-left: 10px;
          margin-right: 10px;
        }

        input:focus {
          border: 1px solid #7bbdff;
        }
        button {
          height: 40x;
        }
      }
    }

    .MDRBottom {
      height: calc(100% - 60px);
      background-color: white;
    }
  }
}
